<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>

<script>
    //es6
    //什么是结构赋值
    //快速从数组或者对象等容器中提取成员的一种语法

    const obj = {
        name:"shane",
        age:18,
        gender:"男"
    }

    //es5
    //从对象中取成员
    var name = obj.name;
    var age = obj.age;
    var gender = obj.gender;
    console.log(name,age,gender);


    //es6 对象的结构
    //属性名必须相同，位置可以改变
    // let {age,name,gender} = obj;
    // console.log(name,age,gender);

    //换个名字
    let {age,name,gender} = obj;
    console.log(newName);


    //es5
    //如何从数组中提取成员
    var arr = ['张三',"李四","王五"]
    var a= arr[0]
    var b= arr[1]
    var c= arr[2]
    console.log(a,b,c);

    //es6
    let [a,b,c,d] = arr;
    console.log(a,b,c,d);

    //结构赋值就是把数据结构分解，然后变量赋值
    //如果数组结构不成功，则返回undefined
    //对象结构用“{}”，数据结构用“【】”

    //Math.max() 


</script>

</html>